<%--张爱文，搜索票务搜索框界面 --%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <link rel="stylesheet" type="text/css" href="../js/util/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../js/util/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../js/util/easyui/demo.css">
    <script type="text/javascript" src="../js/util/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../js/util/easyui/jquery.easyui.min.js"></script>
<title>查询票界面</title>

</head>
<body>
<form id="fm">
<table>
<tr>
<td>
出发地:
    <select id="depature" class="easyui-combobox" name="depature" style="width:100px;" id="certType">
                      <option value="上海"><span>上海</span>				</option>
                      <option value="南京"><span>南京</span>				</option>
                  </select>
&nbsp;&nbsp;
目的地:
    <select id="destiction" class="easyui-combobox" name="destiction" style="width:100px;" id="certType">
                      <option value="上海"><span>上海</span>				</option>
                      <option value="南京"><span>南京</span>				</option>

             </select>	
             &nbsp;&nbsp;
<a  class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="doFind()"  style="width:80px">查询</a>     
<ul id="ajaxDiv"></ul>
</td>

</tr>
</table>
<table>
<tr>
<td>
                                      每页显示
                <select name="pageSize" id="pageSize">
                    <option value="2"  >2</option>
                    <option value="3" >3</option>
                    <option value="4" >4</option>
                  </select>
                                        条信息&nbsp;&nbsp;&nbsp;
                                        
                                        第 <select name="start" id="start">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3" >3</option>
                    <option value="4" >4</option>
                    <option value="5" >5</option>
                  </select>
                  页
                  </td>

</tr>

   

</table>
</form>
<script type="text/javascript">
function doFind(){
	$.ajax({
	cache: false,
	type: "POST",
	url:"ManageQueryTicket.jsp",	//把表单数据发送到ajax.jsp
	data:$('#fm').serialize(),	//要发送的是ajaxFrm表单中的数据
	async: false,
	error: function(request) {
	alert("发送请求失败！");
	},
	success: function(data) {
	$("#ajaxDiv").html(data);	//将返回的结果显示到ajaxDiv中
	}
	});
	}  
</script>
</body>
</html>
